<template>
	<view class="wrap">
		<u-button 
			type="success" 
			text="手机号码验证登录" 
			icon="phone" 
			shape="circle"
			@click="loginPhone">
		</u-button>
		<u-button
			type="success" 
			text="帐号密码登录" 
			icon="account-fill"
			shape="circle"
			iconColor="#fff"
			color="rgb(107, 191, 216)"
			@click="loginAccounts">
		</u-button>
		<view class="app">
			<text class="tip">体验更完整的功能</text>
			<a class="a" href="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8da6cc70-751c-428d-9aa0-6516abc1603f/10857bb9-740f-476f-828a-cf2903e05532.apk" download="tianjiao">
				<text>下载APP</text>
			</a>
		</view>
	</view>
</template>

<script>

export default {
	methods:{
		loginPhone(){
			uni.navigateTo({
				url:'/subcom-my/Auth/Mobile-login'
			})
		},
		loginAccounts(){
			this.$emit('showAccounts',true)
		}
	}	
}
</script>

<style lang="scss" scoped>
.wrap{
	width: 100%;
	min-height: 500rpx;
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	.app{
		height: 100rpx;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		font-size: 24rpx;
		.tip{
			font-size: 24rpx;
			color: #555555;
			margin-right: 20rpx;
		}
		.a{
			color: red;
			text-decoration: none;
			display: inline-block;
			width: 130rpx;
			line-height: 50rpx;
			text-align: center;
			border-radius: 30rpx;
			background-color:#ff5757;
			color: #fff;
		}
	}
}
	
</style>
